.theme-star {
  .avue-header{
    background: linear-gradient(90deg, #970084 40%, #db42ff 100%);
  }
    .avue-logo{
      i{
        color: #909399;
      }
      &:hover>i,&:hover>span{
        color: #db42ff;
      }
    }
    .el-button--primary{
      background: #db42ff;
      border-color: #db42ff;
    }
    .avue-sidebar{
      background-color: #fff;
      box-shadow: 0 1px 4px rgba(0,21,41,.08);
      .el-menu-item,.el-submenu__title{
        i,span{
          color: #909399;
        }
        &:hover{
          background: transparent;
          i,p{
            color:#db42ff;
          }
        }
        &.is-active {
          &:before {
            left:auto;
            right: 0 ;
          }
          background-color: #f0f6ff;
          i,p{
            color:#db42ff;
          }
        }
      }
    }
    .el-tabs__item{
      &:hover{
        color: #db42ff;
      }
    }
    .el-tabs__item.is-active{
      color: #db42ff;
    }
    .el-tabs__active-bar{
      background: #db42ff;
    }
    .avue-tags{
      background: #f3f6f8;
      .el-tabs__header{
        .el-tabs__item{
          color: rgba(0,0,0,.65) ;
        }
        .is-active{
          background-color: #db42ff;
          color: #fff;
          border-bottom: none !important;
        }
      }
      .el-tabs__header .el-tabs__item span.el-icon-close{
        color: #db42ff;
        &:hover{
          color: red;
          background:#fff;
        }
      }
    }
    .navTop .analysisTab{
      background: #e9aef7  !important;
      p{
        color: #2e2e2e !important;
      }
    }
    .navTop .analysisTab.is-active{
      background: #db42ff !important;
      p{
        color: #fff !important;
      }
    }
    .tagIndex .tagSpan{
      background: #db42ff !important;
    }
    .avue-breadcrumb i{
      color: #db42ff;
    }
    .el-dropdown-menu__item{
      &:hover{
        color: #db42ff;
      }
    }
    .navTop .borderTab.isActive{
      color: #db42ff;
      border-bottom: 2px solid #db42ff !important;
      p{
        color: #db42ff !important;
      }
    }
    .childrenTab .bgCircle{
      background: #db42ff;
    }
    .serach .el-input-group__append .el-button{
      background: #db42ff;
    }
    .serach .el-input-group--append .el-input__inner, .serach .el-selece.el-input-group__prepend{
      border-color: #db42ff;
    }
  .el-pagination__sizes .el-input .el-input__inner:hover{
    border-color: #db42ff;
  }
    .el-input.is-active .el-input__inner, .el-input__inner:focus{
      border-color: #db42ff;
    }
    .serach .navTop .is-active{
      color: #db42ff;
    }
    .isActive i, .isActive span{
      color: #db42ff;
    }
  .coll{
    i{
      color: #db42ff;
    }
    //.rightBar{
    //  background: #db42ff;
    //}
  }
    .el-button--text{
      color: #db42ff;
    }
    .el-radio__input.is-checked .el-radio__inner{
      border-color: #db42ff;
      background: #db42ff;
    }
    .el-radio__input.is-checked+.el-radio__label{
      color: #db42ff;
    }
    .el-dialog__headerbtn .el-dialog__close{
      &:hover{
        color: #db42ff;
      }
    }
    .avue-crud__dialog__menu i{
      &:hover{
        color: #db42ff;
      }
    }
    .avue-crud__right,.el-dialog__body{
      .el-button--default{
        &:hover{
          color: #db42ff !important;
          border-color: #db42ff !important;
        }
      }
    }
    .el-checkbox__input .el-checkbox__inner{
      &:hover{
        border-color: #db42ff;
      }
    }
    .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
      background: #db42ff;
      border-color: #db42ff;
    }
    .swiper-pagination-bullet-active{
      background: #db42ff;
    }
    .el-pagination.is-background .el-pager li:not(.disabled).active{
      background: #db42ff;
    }
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
      &:hover{
        color: #db42ff;
      }
    }
    .el-pagination.is-background .el-pager li.active:hover{
      color: #fff;
    }
    .el-input__inner:hover{
      border-color: #db42ff;
    }
    .more:hover{
      color: #db42ff !important;
    }
    .serContB{
      border: 1px solid #db42ff !important;
    }

    .intellCusSer .cusSer-container .intellC-title span{
      color: #db42ff;
      border-bottom: 1px solid #db42ff;
    }
    .intellCusSer .cusSer-container .recordsContainer .recordsBottom > div .turnPeo{
      color: #db42ff;
    }
    .intellCusSer .cusSer-container .intellC-bg{
      background: #db42ff;
      .logo-bg .myfont{
        color: #db42ff;
      }
    }
    .intellCusSer .cusSer-container .recordsContainer .records .recordItem .recordMess .user{
      background: #db42ff;
    }
    .intellCusSer .cusSer-container .recordsContainer .recordsBottom .el-icon-message > div:hover{
      color: #db42ff;
    }
    .intellCusSer .cusSer-container .recordsContainer .records .recordItem .recordMess .user .el-icon-caret-right{
      color: #db42ff;
    }
  .el-tag{
    background-color: #f6e1fb;
    border-color: #f6e1fb;
    color: #db42ff;
  }
  .el-tag--dark {
        background-color: #db42ff;
        border-color: #db42ff;
        color: #fff;
    }
    .el-slider__bar {
        background-color: #db42ff;
    }
    .el-slider__button {
        border: 2px solid #db42ff;
    }
  //.rightBar{
  //  background: #db42ff;
  //}
  .proBox .progress-tab{
    background: #db42ff;
  }
  .childrenTab{
    .tabNumT{
      color: #f79094;
    }
    .tabNum{
      color: #db42ff;
    }
  }
  .robotBox{
    background: rgba(219, 66, 255, 0.67);
  }
  .intellBox-mini{
    background: rgba(219, 66, 255, 0.67);
    box-shadow: 1px 1px 11px 8px rgba(219, 66, 255, 0.67);
  }
  .changeHover{
    &:hover{
      color: #db42ff !important;
    }
  }
  .changeHoverDeep{
    &:hover{
      >p,i,span{
        color: #db42ff !important;
      }
    }
  }
  .activeColor{
    color: #db42ff !important;
  }
  .changeHoverAll{
    &:hover{
      background: #db42ff;
      color: #fff;
    }
  }
  .changeHoverBg{
    &:hover{
      background: #db42ff !important;
    }
  }
  .activeBgColor{
    background: #fff !important;
    color: #db42ff !important;
    border: 1px solid #db42ff;
  }
  .el-checkbox__input.is-checked+.el-checkbox__label,.stylizedHelper .el-checkbox__input.is-checked+.el-checkbox__label{
    color: #db42ff;
  }
  .dialogTitleBg{
    background: #db42ff;
  }
  .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
    background: #f7d4ff;
  }
  .el-tree-node.is-current>.el-tree-node__content,.el-tree-node__expand-icon.expanded{
    color: #db42ff;
  }
  .themeBg{
    background: #db42ff;
  }
}
